/*****************************
   Begin - HTML Elements 
*****************************/

/* hide html/body scrolling (SharePoint will handle) */
*
{
	margin: 0;
}

html
{
	overflow: hidden;
}

body
{
	height: 100%;
	overflow: hidden;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	color: #333333;
	line-height: 1.4em;
	font-size: 12px;
}
ul
{
	list-style: none;
}

img
{
	border-bottom: medium none;
	border-left: medium none;
	border-top: medium none;
	border-right: medium none;
}


h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
}

h5 span
{
	font-weight: normal;
	color: #000000;    
	padding: 3px 0 3px 0;
}

h4 span
{
	font-weight: normal;
	color: #000000;    
	padding: 0 0 4px 0;
}

h3 span
{
	font-family: Arial, Helvetica, sans-serif;
	Color: #122040;
    font-size: 23px;
	padding: 6px 0 6px 0;
}

h2 span
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 8px 0 8px 0;
}

h1 span
{
	font-family: Arial, Helvetica, sans-serif;    
	padding: 10px 0 10px 0;
}

a
{
	font-size: inherit;
}

a:link, a:visited, a:hover
{
	color: #6B0014;

}

a img
{
	border: none;
}

a:hover
{	
	text-decoration: underline;       
}

p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	line-height: 1.4em;
	font-weight: normal;
	padding: 6px 0 6px 0;
}

p span
{
	font-weight: bold;
}

p a
{    
	text-decoration: none;
	font-weight: bold;
}
p a:hover
{
	text-decoration: underline;
}

h1
{
	font-size: 28px;
	color: #000000;
	line-height: 1em;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

h1 a
{
	color: #000000;
	text-decoration: none;
}

h1 a:hover
{
	text-decoration: underline;
}

h2
{
	font-size: 28px;
	color: #cc9900;
	line-height: 1em;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
}
h2 a
{
	color: #cc9900;
	text-decoration: none;
}
h2 a:hover
{
	text-decoration: underline;
}

h3
{
	font-size: 18px;
	color: #cc9900;
	line-height: 1em;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
}
h3 a
{
	color: #cc9900;
	text-decoration: none;
}
h3 a:hover
{
	text-decoration: underline;
}

h4
{
	font-size: 16px;
	color: #6b0014;
	font-weight: bold;
	line-height: 1em;
	padding: 4px 0 4px 0;
}
h4 a
{
	color: #6b0014;
	text-decoration: none;
}
h4 a:hover
{
	text-decoration: underline;
}

h5
{
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	line-height: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}
h5 a
{
	color: #cc9900;
	text-decoration: none;
}
h5 a:hover
{
	text-decoration: underline;
}

h6
{
	color: #666666;
	font-size: 9px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

ul li
{
	list-style-position: outside;
	margin: 4px;
	padding: 1px;
}

hr {
	color: #666666;
	background: #666666;
	height: 1px;
	border: none;
	margin: 10px 0px 10px 0px;
	clear: both;
}


/****************************
	  End HTML Elements
 ****************************/

/************************************
02. Begin - Ribbon Styles
*************************************/

/*---
 SHAREPOINT STYLES 
				---*/ 

/* fix ribbon line height and scroll */
body #s4-ribbonrow
{
	overflow-y: auto;
	line-height: normal;	
}

/* hide the hover state for the ribbon links */
#s4-ribbonrow a:hover
{
	text-decoration: none;
}

.s4-trc-container-menu
{
	margin-bottom: 0px;
	margin-top: 5px;	
}

a.s4-signInLink
{
	font-weight: bold;	
	padding: 10px;
}

.s4-signInLink:hover
{
	font-weight: bold;	
	background: #cc9900;
}

.ms-welcomeMenu a:link
{
	 color: #c2c3c3;
	 font-size: 12px;
	 font-weight: bold;
}

.ms-MenuUIUL li[text='My Settings'] { display: none;}
.ms-MenuUIUL li[text='Sign in as Different User'] { display: none;}
.ms-MenuUIUL li[text='My Site'] { display: none;}
.ms-MenuUIUL li[text='Personalize this Page'] { display: none;}
.ms-MenuUIUL li[text='Request Access'] { display: none;}
.ms-MenuUIULItem li[type='separator']{ display: none !important;}
li#mp1_0_2, li#mp1_0_1 {display: none;}
.ms-MenuUIUL li[text='Sign Out'] { display: block;}
.ms-MenuUIUL li[text='Change Portal Password'] { display: block;}

/* make the ribbon color match the branding - otherwise it is showing a white'ish color which is not showing the context menus properly */
body #s4-ribboncont
{
	background-color: #3B3D3D;	
}

/* Change SiteActions button Color */
.ms-siteactionsmenuinner
{
	background: #4D4D4D;
}

.ms-siteactionsmenuhover, .s4-breadcrumb-anchor:hover, .ms-welcomeMenu.ms-SpLinkButtonActive
{
	background: #cc9900;
}

.ms-siteactionsmenu > span > a
{
	color: #c2c3c3;
}

.ms-siteactionsmenu > span:hover > a
{
	color: #ffffff;
}


/* FIX FOR TAB SCALING ISSUES */
 .ms-cui-tts-scale-2 .ms-cui-tt-a {
     overflow: inherit;
     width: auto; 
 }
 .ms-cui-tts-scale-1 .ms-cui-tt-span, .ms-cui-tts-scale-1 .ms-cui-cg-t, .ms-cui-tts-scale-2 .ms-cui-tt-span {
     padding: 4px 10px 6px 10px;
     width: auto; 
 }
 .ms-cui-cg-yl .ms-cui-cg-t {
  width: auto;
 }
 .ms-cui-tts-scale-2 .ms-cui-cg-t, .ms-cui-tts-scale-1 .ms-cui-cg-t {
  visibility: visible;
  width: auto;
 }
 
 .ms-cui-TabRowRight, .ms-cui-QATRowRight {
	float: right;
 }
 .ms-cui-TabRowRight
  {
	margin-top: 0px;
	vertical-align: middle;
	display: block !important;
 }
 .s4-trc-container{
	padding-right: 0px;
	display: block !important;
 }
 

/* End - Ribbon Styles */

/*
*******************************
 03. Top Navigation bar Styles
*******************************
*/

/*---
 CUSTOM STYLES 
			---*/
#customTopNav
{
	display: block;
	height: 29px; 
	margin: 0px;    
	background: #4c4c4c;
	font-size: 12px;
	float: left;
	width: 100%;
}

/*---
 SHAREPOINT STYLES 
				---*/ 
.s4-tn
{
	overflow: visible;
}

.s4-tn .menuItemStatic 
{
	height: 29px;
	color: white;
	white-space: nowrap;
	padding: 7px 8px 5px 8px;    
	border-right: 1px solid #8C8C8C;
	text-transform: uppercase;
}
.s4-tn .menuItemStatic img
{
	display: none;
}

.s4-tn .menuItemStaticHover
{
	background: #C90;
}

.s4-tn .menuStaticHover
{
	background: #C90;
}

.s4-tn .menuItemStaticHover  a
{
	color: white;
	background: #C90;
	text-decoration: none;
}

/* flyout menu */
#customTopNav .menuDynamic
{
	border: 1px solid #C2C2C2;
	box-shadow: 3px 3px 3px #bbbbbb !important;
}

/* flyout item hover */
a.menuItemDynamic
{
	display: block;
	padding: 2px 10px;
	font-weight: normal;    
	background-color: white !important;
	color: #4C4C4C;
	min-width: 150px;	
}

a.menuItemDynamic:hover
{
	text-decoration: underline;
}

.s4-tn .menuItemDynamicHover a, .s4-tn .menuItemDynamicSelected a
{
	font-weight: normal;    
	background-color: white !important;
	color: #4C4C4C;
}

/* hide arrows for top level items with flyouts */
.menu-horizontal a.dynamic-children span.additional-background, .menu-horizontal span.dynamic-children span.additional-background
{
	padding-right: 0px;
	background-image: none;
}

.welcome-content
{
	margin: 0px !important;
}

/* End - Top Navigation bar Styles */

/**************************************
 04. Begin - Logo and SiteLink Styles
 **************************************/
/*---
 CUSTOM STYLES 
			---*/
#customLogo
{ 
	float: left;
	background-repeat: no-repeat;
	padding: 0 0 25px 0;
	line-height: .5em;    
}

#customSiteLink
{	    
	font-size: 15px;
	font-weight: bold;
	margin: -30px 0px 0px 160px;	
	text-decoration: none;
}

#customSiteLink a
{
	color: #D28E00 !important;
	font-weight: bold;
	text-decoration: none;
}
/* End - Logo and SiteLink Styles */

/*
*************************************
 05. Begin - Search Container Styles
*************************************/
/*---
 CUSTOM STYLES 
			---*/
#searchContainer
{
	float: right;    
	position: relative;		
	text-align: right;
	padding: 20px 5px 0 0;
}

#searchContainer #fieldset
{    
	height: 29px;
	background: #e6e7e8;
	border: 1px solid #d5d6d6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	behavior: url(/_layouts/DeveloperPortalBranding/css/PIE.htc);
	padding: 4px 6px 0 6px;		
}

#searchContainer #fieldset table
{
	display: inline;	
	margin: 0px;
	width: auto !important;
}

#searchContainer #fieldset a
{
	float: right;
	font-size: 13px;	
	padding: 0 0 0 2px;
	height: 23px;
	line-height: 24px;
	vertical-align: top;
}

#searchContainer #fieldset a:link, #searchContainer #fieldset a:visited
{	
	color: #000000;	
}

#searchBreadCrumb .srch-sb-results7
{
   margin-top: 0px;
}

/*---
 SHAREPOINT STYLES  & OVERRIDES
							---*/ 
#searchContainer .s4-search SELECT
{
	height: 22px;
}

/* Use custom search button */
#searchContainer input.ms-sbplain
{
	width: 155px !important;
	line-height:22px;
	float: left;
	border: none !important;
	background: none;
	font-size: 11px;
	color: #4C4C4C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 6px 2px;
}

#searchContainer .ms-sbcell input
{	
	height: 21px;
	outline-color: #919191;
	outline-width: thin;
	background: #FFFFFF !important;
	border: 1px solid #d5d6d6 !important;
	padding: 0 6px;		
}

#searchContainer .ms-sbcell .ms-sbscopes
{
	outline-color: #919191;
	outline-width: thin;
	border-style: ridge !important;  
	color: #4C4C4C;
}

#searchContainer .ms-sbcell
{
	width: 15px;
	height: 26px;
	background: #e6e7e8;	
	position: relative;
	padding: 0 5px 1px 5px;	
}

#searchContainer .ms-sbgo a
{
	display: block;
	height: 26px;
	width: 15px;
	background: transparent url('https://cdn.inin.com/baseimages/icon_search.gif') no-repeat scroll left top;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
	float: left;
}

/* search button hider - needed to override the master page search button */
#searchContainer .ms-sbgo img
{
	display: none;
}

#searchBreadCrumb .s4-breadcrumbRootNode
{	
	display: none;
}

.ms-ptabarea
{
	margin-top: 0px;
}

.srch-maintopright
{
	visibility: hidden;       
}

.srch-federationarea
{
	border: none;
}

.srch-sb-results .s4-wpcell-plain, .srch-sb-results .s4-wpcell
{
	padding: 0px;
}

.srch-sb-results .ms-WPBody, #maincontent .ms-WPBody
{
	padding: 0px;	
}

.srch-refinearea .ms-WPBody a:link
{
font-weight: normal !important;
}

.ms-searchref-filterlink,
.ms-searchref-filterlink a,
.ms-searchref-filterlink a:link,
.ms-searchref-filterlink a:hover,
.ms-searchref-filterlink:hover,
.ms-searchref-morelink,
.ms-sblink a,
.ms-sblink a:link,
.ms-sblink a:hover
{
	color: #4c4c4c !important;
}

.ms-searchref-categoryname
{
	font-size: 1.4em;
}
.srch-URL2
{
	color: #6B0014 !important;
	font-size: 10px;
}

.ms-dlgContent,
.ms-dlgBorder
{
	border-color: #4c4c4c;   
}

.ms-dlgTitleText
{
	font-weight: bold;
}

.ms-dlgTitle
{
	background-color: #4c4c4c;   
}

/* End - Search Container Styles */

/****************************************************
 07. Begin - Styles for BreadCrumbs below Top Nav Bar 
*****************************************************/
/*---
 CUSTOM STYLES 
			---*/
.titleBar
{
	background-color: #E2E3E5;
	border-bottom: #d5d6d6 1px solid;
	border-top: #FFFFFF 1px solid;
	color: #122040;
	font: 21px Verdana, Arial, Sans-Serif;
	height: 33px;
	margin: 0px 0px 2px 0px;
	padding: 8px 3px 3px 11px;
	min-width: 936px;
	clear: left;
}

.titleBar a:link, .titleBar a:visited, .titleBar a:hover
{
	color: #122040;
	text-decoration: none;
}

.ms-ltviewselectormenuheader .ms-viewselector
{
	font-size: 18px;
}

.ms-ltviewselectormenuheader .ms-viewselectorhover {
	background: none;
	border: none;
	font-size: 18px;
	text-decoration: none;
}

/* End - Styles for BreadCrumbs below Top Nav Bar  */

/*************************************************
 08. Begin - Left Navigation / Quick Launch Styles
**************************************************/
/*---
 CUSTOM STYLES 
			---*/
.currentNavHeader
{
	width: 210px;
	float: left;
	color: #4C4C4C;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.5em;
	padding: 1px 0px 1px 0px;    
	border-top: 1px solid #dddddd;
}

.currentNavHeaderMenu:hover
{
	color: #FFFFFF;
}

.currentNavHeader a:link, .currentNavHeader a:visited
{
	color: #4C4C4C;
	font-weight: bold;
}

.customRecyclebin .currentNavHeader 
{
	padding: 2px 0 2px 0; 
}

.customRecyclebin a:link, .customRecyclebin a:visited
{
	 color: #4C4C4C !important; 	 
}

.customRecyclebin a:hover, .customRecyclebin a:active
{
	color: #FFFFFF !important;
}

.customAllSiteContent .currentNavHeader 
{
	padding: 2px 0 2px 0; 
	border-bottom: 1px solid #dddddd !important;
}

.customAllSiteContent a span:hover, .customAllSiteContent a span:active
{
	color: #FFFFFF !important;    
}

.currentNavItem
{
	width: 194px;
	float: left;
	color: #4C4C4C;
	text-transform: uppercase;
	line-height: 1.5em;
	padding: 1px 0px 1px 8px;
	vertical-align: middle;
	border-top: 1px solid #dddddd;
}

.currentNavItemMenu:hover
{
	color: #FFFFFF;
}

.currentNavItem a:link, .currentNavItem a:visited
{
	color: #4C4C4C;
}

/* Left Nav Meta Navigation */
#customFilters
{	
	width: 223px !important;
}


/*---
 SHAREPOINT STYLES  & OVERRIDES
							---*/                            

.customAllSiteContent .ms-splinkbutton-text
{
	color: #4C4C4C;
	font-weight: bold;	
	display: block;	
	width: 210px;
}

.currentNavHeader .ms-splinkbutton-text:link, .currentNavHeader .ms-splinkbutton-text:visited
{
	color: #4C4C4C;    
}

.currentNavItem:hover, .currentNavItem:active, .s4-ql ul.root ul > li > a:hover
{
	color: #FFFFFF !important;
	text-decoration: none;
	background: #cc9900;
}

.s4-recentchanges
{
	border: none;
}

.s4-ql a.selected
{
	background: none;
	padding-left: 15px !important;
	border: none !important;
	color: #4C4C4C !important;
}

.s4-ql ul.root ul
{
	margin: 0px;
}

.s4-ql ul.root > li > .menu-item
{
	width: 205px;
	float: left;
	color: #4C4C4C;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.5em;
	padding: 3px 8px 3px 2px;    
	border-top: 1px solid #dddddd;
	border-bottom: none;
}

.s4-ql ul.root ul > li > a
{    
	width: 200px;
	float: left;
	color: #4C4C4C;
	text-transform: uppercase;
	line-height: 1.5em;
	padding: 2px 0px 2px 15px;
	vertical-align: middle;
	border-top: 1px solid #dddddd !important;
}

#ctl00_PlaceHolderLeftActions_RecentChanges_ctl00_RecentChangesHeaderLink,
.s4-recentchanges ul.root ul > li > a
{
	border-bottom: 1px solid #dddddd !important;
	border-top: none !important;
}

.s4-recentchanges ul.root ul > li  > a
{
	width:195px;
}

.s4-recentchanges ul.root > li  > .menu-item
{
	width:200px;
}

.ms-ql-additionaltopsection
{
	border-bottom: none !important;	
}

.s4-specialNavLinkList
{
	padding: 0px;
	margin: 0px;
	display: inline;	
}

.s4-specialNavLinkList li
{
	clear: both;
	border-top: 1px solid #dddddd !important;
	width: 216px;
	margin: 0 0 0 -1px;
	padding: 3px 0;
}

.s4-specialNavLinkList li span.ms-splinkbutton-text
{
	padding: 0 90px 0 0;
}

.s4-specialNavLinkList li:hover
{	
	background: #cc9900;
}


.s4-specialNavLinkList span:hover, .s4-specialNavLinkList li:hover > span.ms-splinkbutton-text, .s4-specialNavLinkList li a:hover > span.ms-splinkbutton-text
{
	text-decoration: none !important;
	color: #FFFFFF !important;
}

.s4-specialNavLinkList a
{
	border: none !important;
	padding: 0px;
	margin: 0px;
	display: inline;
	color: #4C4C4C;
	float: left;
	text-transform: uppercase;
	line-height: 1.5em;
	font-weight: bold;
}

.s4-specialNavLinkList li a:hover
{	
	text-decoration: none !important;
	color: #FFFFFF !important;
}

/* Top Left Calender */
.ms-picker-header
{
	background: none !important;
}

/* If you want to change the left nav width, change this and the margin-left in .s4-ca */
#s4-leftpanel
{
   width: 210px;
   max-width: 215px;   
   padding: 15px 5px 0 5px;	   
}                            
							
.currentNavHeader:hover, .currentNavHeader:active, .s4-ql ul.root > li > .menu-item:hover
{
	color: #FFFFFF !important;
	text-decoration: none;
	background: #cc9900;
}

/* Left Nav Meta Navigation */
#GrippyVerticalBarPositionHelper
{
	display: none;
}

#idKeyFiltersContainer
{
	width: 160px !important;
}

#TreeViewRememberScrollV4
{
	overflow-x: auto;
}

.ms-KFMenu, .ms-tvselected a.ms-navitem {
	background: transparent;
	border: none !important;	
	width: 180px;
	padding: 0px;
}

.ms-KFMenu select, .ms-KFMenu .ms-input
{
	width: 160px;
}

.ms-KFMenu .ms-input
{
	width: 155px;
}

.ms-KFHead
{
	border: none !important;
	padding: 0px;	
}

.ms-KFHead button
{	
	padding: 2px;
}

.ms-rte-layoutszone-inner
{
	padding: 5px;
}

/* End - Left Navigation / Quick Launch Styles  */

/*****************************************
 09. Begin - Main/Page Content Area Styles
******************************************/
/*---
 CUSTOM STYLES 
			---*/
#maincontent
{
	margin-top: 0px;
	min-height: 200px;
}

.fixedWidth
{
	margin: 0px auto !important;
	width: 950px;		
}

BODY #s4-mainarea
{
	float: none;
}

.s4-statusbarcontainer, #s4-bodyContainer, #maincontent
{
	margin: 0px auto !important;
	width: 950px;	
}


/*---
 SHAREPOINT STYLES  & OVERRIDES
							---*/
							
/* fix scrolling on list pages */
#s4-bodyContainer
{
	position: relative;
}

#ctl00_MSO_ContentDiv
{
	margin: 0 0 0 21px;
}

/* body area normally has a white background */
.s4-ca
{
	overflow: auto;
	background: transparent none repeat scroll 0 0;	
	margin: 15px 0 15px 215px;
	min-height: 300px;
}

/* To Fix ContextMenu Positioning Issue */
#maincontent .ms-MenuUIPopupBody
{
	position: relative !important;
	left: 0px !important;
	top: 0px !important;
}

/* fixing scroll to have fixed width and auto vertical scroll*/
body #s4-workspace
{
	overflow-x: auto;	
}

/* Main Content Area */

.ms-pagebreadcrumb
{
	padding-bottom: 10px;
}

/* Web Part Styles */

.s4-wpcell, .s4-wpcell-plain
{
	padding: 2px 8px 2px 2px;
}

.ms-WPHeader td
{
	border-bottom: none;
	padding-top: 10px;
	background: url(https://cdn.inin.com/baseimages/divider04.gif) repeat-x bottom left;
}

.ms-WPHeader .ms-wpTdSpace
{
	border: none;
}

.ms-WPBody
{
	padding: 15px 2px 2px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.ms-WPBody H1
{
	 font-size: 28px;
	font-weight: normal;
}

.ms-WPBody H2
{
	font-size: 28px;
	font-weight: normal;
}


.ms-WPBody H3
{
	font-size: 18px;
	font-weight: normal;
}

.ms-WPBody H4
{
	font-size: 16px;
	font-weight: bold;
}

.ms-WPBody H5
{
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.ms-WPBody a:visited, .ms-WPBody a:link
{
	color: #122040;
	font-weight: bold;
	text-decoration: none;
}

.ms-WPBody a:hover
{
	text-decoration: underline;
}

.ms-listviewtable .ms-vh-div[name="LinkFilename"]
{
	min-width: 200px !important;
}

.ms-vb > a, .ms-vb2 > a, .ms-menutoolbar a, .ms-viewlsts  .ms-vb2 > a, a.ms-addnew:hover, .ms-vb > a:hover, tr .s4-itmhover a, tr .s4-itmhover a:hover, .ms-vh2, .ms-vh2-nograd
{
	color: #6B0014 !important;
}

.ms-lookuptypeindropdown
{
	top: auto !important;
	left: auto !important;
}

#ctl00_PlaceHolderLeftNavBar_ctl01_TreeViewRememberScroll
{
	overflow: auto !important;
}

/* End - Main Content Area Styles  */


/*****************************************
 10. Begin - Custom Page Layout Styles
******************************************/
/*---
 CUSTOM STYLES 
			---*/

.customMainLeftCA { width:300px; float:left; overflow: hidden;}
.customMainCA {float:right; width: 645px; overflow: hidden;}
.customMainLeftWP { width:320px; float:left; overflow: hidden;}
.customMainRightWP { width:320px; float:right; overflow: hidden;}
.customMainWP  { width:645px; float:right; overflow: hidden;}
.customFullWidthMainCA { float:left; width: 950px; overflow: hidden;}
.customFullWidthWP { float:left; width: 950px; overflow: hidden;}


/*******************************************
 11. Begin - Footer Styles
********************************************/
/*---
 CUSTOM STYLES 
			---*/
#footer
{
	width: 887px;
	margin: 0px auto !important;
	float: left;
	background: #7B0099 url() no-repeat top center;
	padding: 0 0 0 63px;
}
#footer p
{
	font-size: 11px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#footer p a
{
	color: #FFFFFF;
}

#footer .articles
{
	min-width: 150px;
	width: 20%;
	min-height: 206px;
	float: left;
}
#footer .articles h4
{
	min-width: 150px;
	height: 28px;
	float: left;
	font-size: 12px;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 20px 0 10px;
}
#footer .articles p
{
	min-width: 150px;
	float: left;
	clear:right;
	line-height: 1.6em;
	padding-top: 3px;
}

#footer .articles ul
{
	width: 99px;
	float: left;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 10px 0 0;
}
#footer .articles ul li
{
	width: 99px;
	float:left;
	color: #FFFFFF;
	border-bottom: 1px solid #757575;
	line-height: 1em;
	padding: 0px;
}
#footer .articles ul li a
{
	color: #FFFFFF;
	text-decoration: none;
}
#footer .articles ul li a:hover
{
	text-decoration: underline;
}

#footer .sitemap
{
	float: left;
	width: 60%;	
}
#footer .sitemap h4
{
	width: 100%;
	padding-left: 25px;
}

#footer .sitemap ul
{
	padding-left: 25px;
}

#footer .social
{
	width: 20%;
	float:left;
}
#footer .social h4
{
	width: 100%;
}

.footer
{
	width: 95%;
	margin: 0px auto;
	min-height: 30px;
	float: left;
	padding: 13px 0 20px 0;
}

#socialLinks
{
	float: right;
}

/* End - Footer Styles  */


/******************************
	General Custom Classes
 ******************************/
.clear
{
	clear: both;
}

.clearRight
{
	clear: right;
}

.rightAlign
{
	float: right;
}
/*   End Classes   */


/******************************************************************************
 Other Overrides for some out-of-the-box SP css and Third Party/Custom css styles
*******************************************************************************/

/* popout breadcrumb menu needs background color for firefox */
.s4-breadcrumb-menu
{
	background: #F2F2F2;
}

/* fix the font on some ootb menus */
.propertysheet, .ms-authoringcontrols
{
	font-family: Verdana,Arial,sans-serif;
	line-height: normal;
}

/* fix to the border lines on the edit control block pop outs */
.ms-MenuUI .ms-MenuUIUL .sp-menu-disabled {
	float: left;	
}

.sp-menu-disabled .ms-MenuUIULItem {
	background-color: #ffffff !important;
}

/* fix the font on forms like the survey */
.ms-ltviewselectormenuheader .ms-viewselector a, .ms-ltviewselectormenuheader .ms-viewselectorhover a, .ms-formlabel
{
	font-family: calibri, arial, sans-serif;
}

/* fix margins when dialog is up */
.ms-dialog .customPageWidth, .ms-dialog #customBody
{
	margin-left: 0 !important;
	margin-right: 0 !important;
	min-height: 0 !important;
	min-width: 0 !important;
	width: auto !important;
	height: auto !important;
	background-color: white !important;
	background-image: none !important;
	padding: 0px !important;
	overflow: inherit;
}

/* dialog bg */
.ms-dialog body
{
	background-color: white;
	background-image: none;
}

/* Dialogs width */
.ms-dialog body #s4-workspace
{
	min-width: 800px;   
}

/* fix dialog padding */
.ms-dialog .s4-wpcell-plain
{
	padding: 4px;
}

/* fix field edit mode width problems */
.ms-formfieldvaluecontainer
{
	overflow: hidden;
}

/* fix the blog font size */
.ms-PostBody
{
	font-size: 100%;
}

/* Fix double ribbon issue for Search Center */
body #s4-ribbonrow div#s4-ribbonrow
{
	display: none;
}

/*   End - Overrides for some out-of-the-box SP css for better compatibility n Look & Feel   */


/* ININ Custom Classes */
/* Consultant Styles */
.ConsultantColumn
{
	display: block;
	float: left;
	margin-right: 1%; 
	width: 31%;
}

.Consultant a
{
	border: 1px solid #ffffff;
	display: block;
	height :95px;
	text-align: center;
}

.Consultant a img
{
	width: 150px;
}

.Consultant a:hover
{
	border-color: #d28e00;
}

a.ConsultantTitle
{
	color: #333333 !important;
	font: bold 18px Arial;
	padding: 10px;
	text-decoration: none !important;
}
/* End Consultant Styles */

.warning, .error
{
  color: Red !important;
  font-weight: bold !important;
}

.success
{
  color: Green !important;
  font-weight: bold !important;
}

.AltTable
{
  margin: 15px 0px;
  background: #fff5db;
  border: 1px solid #d28e00;
}

.alternate 
{ 
	color: #9b243f; 
}

.medium 
{ 
	font-size: 14px; 
	color: #9b243f; 
}

.item
{
	padding-bottom: 2px;
	padding-top: 2px;
}
/* End - Overrides for some out-of-the-box SP css and Third Party/Custom css styles */


/*************************************
		Print and Media Styles
**************************************/

@media print 
{
	#pageRow, #searchContainer, #s4-leftpanel, #customTopNav, .topTitleRow
	{
		display: none;
	}
	#footer
	{		
		width: 930px !important;
	}
	td.rightColumn
	{
		width: 100% !important;
	}
	table
	{
		width: 100%;
	}
	#customLogo
	{
		margin-bottom: 5px;
	}	
	img {
		max-width: 650px !important;
	}	
}

/* End - Media and Print Styles */
/* My Own customisations*/

/* My Own customisations*/


 
 .h5,
.h6 {
  display: block;
  font-family: "brandon-grotesque", Helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase; }





.h5 {
  font-size: 22.4px;
  font-size: 1.4rem;
  line-height: 1.6;
  letter-spacing: 0.073em; }











/*font for lower one*/
.p-sm {
  display: block;
  font-family: "chaparral-pro", Georgia, Times, serif;
  font-size: 20.8px;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.01em; }

.text-italic {
  font-style: italic; }

.text-brand {
  color: #5d963f; }

.text-accent {
  color: #bd5a27; }

.text-white {
  color: #ffffff; }

.text-gray {
  color: #4D4D4D; }

.text-light {
  color: #6a6a69; }

.text-bold {
  font-weight: 700; }

.text-xbold {
  font-weight: 700; }

.text-caps {
  text-transform: uppercase; }

.text-noCaps {
  text-transform: none; }

.text-shadow {
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); }

html,
body {
  height: 100%;
  font-size: 62.5%; }

/* for height*/
body,
input,
button,
select,
textarea {
  font-family: "brandon-grotesque", Helvetica, sans-serif;
  font-size: 25.6px;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  color: #252525; }

a,
.a {
  color: #5d963f;
  text-decoration: none;
  transition: all 0.4s ease-out; }

a:hover {
  cursor: pointer; }


picture > * {
  width: 100%;
  height: auto; }








/*for Green color*/
.wrapperFull--dust-dark {
  background: #5d3e5d url("../images/dust.png") repeat;
  padding-top: 30px;
  }



/*lower end*/

.wrapperFull--dust-brand {
  position: relative;
  background-color: #5d3e5d ;
  }

.section--short {
  padding: 20px 0; }


.site-footer {
  overflow: hidden;
  width: 100%; }
  @media (max-width: 599px) {
    .site-footer {
      position: relative;
      z-index: 9; } }

.text-group {
  overflow: hidden; }



.shape-inline {
  display: inline-block;
  transition: all 0.4s ease-out; }
  .shape-inline > * {
    display: inline-block;
    vertical-align: middle;
    font-family: "brandon-grotesque", Helvetica, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.173em;
    transition: all 0.4s ease-out; }
  .shape-inline svg {
    height: 24px;
    width: 24px;
    fill: #252525;
    transition: fill 0.4s ease-out; }
  .shape-inline > * + * {
    margin-left: 5px; }

.shape-inline + .shape-inline {
  margin-left: 24px; }

.shape-inline--order-bag > * {
  font-size: 9px; }
  @media (min-width: 800px) {
    .shape-inline--order-bag > * {
      font-size: 12px; } }

.shape-inline--order-bag svg {
  width: 16px;
  height: 24px;
  fill: #ffffff;
  margin-top: -4px; }

.noTouch .shape-inline--order-bag:hover {
  transition: all 0.4s ease-out; }
  .noTouch .shape-inline--order-bag:hover > * {
    color: #bebebe; }
  .noTouch .shape-inline--order-bag:hover svg {
    fill: #bebebe; }

.shape-heart {
  display: inline-block;
  vertical-align: middle;
  margin: 0 3px; }
  .shape-heart svg {
    width: 16px;
    height: 15px;
    fill: #ffffff; }

.shape-inline--arrow svg {
  width: 7px;
  height: 14px;
  fill: #5d963f; }

.shape-inline--serif > * {
  font-family: "chaparral-pro", Georgia, Times, serif;
  font-style: italic;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0.02em; }

.diet-icons svg {
  width: 30px;
  height: 30px;
  display: inline-block;
  fill: #5d963f; }

.shape-inline-list .shape-inline {
  margin-right: 24px;
  margin: 12px 24px 12px 0; }

.shape-inline-list .shape-inline + .shape-inline {
  margin-left: 0; }



.social-list {
  line-height: 30px;
       -webkit-text-fill-color: white;
    padding: inherit;  
	margin-bottom: 20px; }
.social-icons{padding-bottom: 20px; border-bottom: 1px solid #a0a0a0;
    margin-bottom: 25px;}
  .social-list li {
    display: inline-block;
    margin: 0 8px; 
	font-size: 22px; }
  .social-list svg {
    display: block;
    width: 20px;
    height: 20px;
    fill: White;
    transition: fill 0.4s ease-out; }

li.Footerinternal {
    font-size: 18px;
}

.footersocial:hover {
    border-color: #122040;
}


.social-list{
line-height:0px;
margin-bottom:0px;
}

.social-icons{

margin-bottom:5px
}

.section--short{
padding:0px;
}
	
  .social-list a {
	line-height: 30px;
    display: block;
    transition: opacity 0.4s ease-out; }
    .social-list a:hover {
      opacity: 0.6; }
	.social-list a, .social-list a:visited {color: #fff;}


.social-list svg:hover {
    fill: #122040;
}

 .footersocial {
            border-style: solid;
    border-width: 1px;
    border-color: #fff;
    border-radius: 100px;
    padding: 7px;
        }
		
		

.text-center {
  text-align: center; }
  .text-center p {
    margin-left: auto;
    margin-right: auto; }


.has-border {
  border-top: 1px solid #D2D2D2; }

@media (min-width: 600px) {
  .text-center-after-sm {
    text-align: center; } }

@media (min-width: 800px) {
  .text-center-after-md {
    text-align: center; } }
	
	
.h1.ms-rteElement-H1
{
    margin-bottom: 0px;
    color: #122040;
}

.ms-WPBody td {
    font-size: 8pt;
    font-family: verdana,arial,helvetica,sans-serif;
    color: #4E5054;
}

.portalSidebar H1 {
    margin-bottom: 0px;
    color: #122040;
}